/* 这段样式是公用的，不区分项目和网页 */
.iconfont {
  font-family: 'iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/* 这段样式是根据项目和图标变化实时更新的 */
@font-face {
  font-family: 'iconfont'; /* project id 2458662 */
  src: url('//at.alicdn.com/t/font_2458662_wqtqfvd05xf.eot');
  src: url('//at.alicdn.com/t/font_2458662_wqtqfvd05xf.eot?#iefix')
      format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2458662_wqtqfvd05xf.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2458662_wqtqfvd05xf.woff') format('woff'),
    url('//at.alicdn.com/t/font_2458662_wqtqfvd05xf.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2458662_wqtqfvd05xf.svg#iconfont') format('svg');
}

/* 控制svg离线版本图标的样式，离线版本不需要上面的样式 */
.svg-font-01 {
  /* 通过高度(或者高度)控制字体大小 */
  width: 2rem;
  height: 2rem;
}

/* 通过path的fill样式控制颜色 */
.svg-font-01 > path {
  fill: #ff0000;
}

/* 字体版本的样式调节，比较简单 */
.iconfont01 {
  font-size: 2rem;
  color: #0000ff;
}

.iconfont02:hover {
  font-size: 3rem;
  color: #ff0000;
}

.myicons {
  font-size: 5rem;
  color: #0000ff;
}
